<template>
	<u-action-sheet :list="list" v-model="show"></u-action-sheet>
	<div v-for="(item,index) in list" :key="index">
		<u-button :text="item.text"></u-button>
	</div>

	<view>xianxiami</view>
	<!-- 跳转法1 -->
	<navigator url="/pages/demo4/demo4">跳转demo测试界面</navigator>
	<navigator url="/pages/login/login">跳转登录界面</navigator>
	<navigator url="/pages/room/room">跳转房屋界面</navigator>
	<navigator url="/pages/login1/login1">跳转登录1界面</navigator>
	<navigator url="/pages/discern/discern">跳转信息界面</navigator>

	<!-- 跳转法2 -->
	<view class="" @click="getDemo4">
		跳转demo测试界面
	</view>
	<view class="" @click="getImage">
		跳转demo2图片测试界面
	</view>

	<up-tabbar :value="value6" @change="name => value6 = name" :fixed="true" :placeholder="true"
		:safeAreaInsetBottom="true">
		<up-tabbar-item text="首页" icon="home"></up-tabbar-item>
		<up-tabbar-item text="放映厅" icon="photo"></up-tabbar-item>
		<up-tabbar-item text="直播" icon="play-right"></up-tabbar-item>
		<up-tabbar-item text="我的" icon="account"></up-tabbar-item>

	</up-tabbar>

</template>

<script setup>
	import {
		ref
	} from 'vue';

	const list = ref([{
			text: 'Southern Wind',
		},
		{
			text: '按钮2'
		},
		{
			text: '按钮2'
		}
	]);
	const show = ref(true);

	function getDemo4() {
		uni.navigateTo({
			// url:"/pages/demo4/demo4",
			url: "/pages/demo4/demo4?name=zhangsan&hobby=篮球",
		})
	}

	function getImage() {
		uni.navigateTo({
			url: "/pages/demo2/demo2",
		})
	}
</script>

<style lang="scss">

</style>